{literal}
<link rel="stylesheet" href="style/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
        $('#slider').nivoSlider();
    });
</script>
<link href='http://fonts.googleapis.com/css?family=Dosis:400,200,600' rel='stylesheet' type='text/css'>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
	fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

{/literal}	
<div class="content-right">
	<div class="face_book"><!--img src="images/facebook_snap.jpg" height="285" width="300" /-->
		<div class="fb-like-box" data-href="http://www.facebook.com/pages/NOOBSKOOL/271843409518451" data-width="290" data-height="285" data-show-faces="true" data-stream="false" data-header="true"></div>
	</div>

     
    <div class="advertise" style="overflow:hidden;">
		<h2 title="Advertisement"></h2>
	   <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
	   {literal}
		<script>
			new TWTR.Widget({
			  version: 2,
			  type: 'profile',
			  rpp: 4,
			  interval: 30000,
			  width: 290,
			  height: 375,
			  theme: {
			    shell: {
				  background: '#003366',
				  color: '#ffffff'
				},
				tweets: {
				  background: '#ffffff',
				  color: '#000000',
				  links: '#0084b4'
				}
			  },
			  features: {
			    scrollbar: false,
			    loop: false,
			    live: false,
			    behavior: 'all'
			  }
			}).render().setUser('tijuanajackson').start();
		</script>
		{/literal}	
		
    </div>
</div>
<div class="content-left">
    <div class="slider-wrapper theme-default">
        <div class="ribbon"></div>
        <div id="slider" class="nivoSlider">
			{section name=img loop=$homenevoArr}
			{assign var="i" value=$smarty.section.img.index+1}
                <img src="uploaded/home_images/{$homenevoArr[img].image_file}" alt="{$homenevoArr[img].image_alt}" title="#htmlcaption{$i}" />
			{/section}
               <!-- <img src="images/banner2.jpg" alt="" title="#htmlcaption2" />
                <img src="images/banner3.jpg" alt="" title="#htmlcaption3" />
                <img src="images/banner4.jpg" alt="" title="#htmlcaption4" />-->
            </div>
			{section name=desc loop=$homenevoArr}
			{assign var="x" value=$smarty.section.desc.index+1}
			
            <div id="htmlcaption{$x}" class="nivo-html-caption">
                <h2>{$homenevoArr[desc].title}</h2>
                <p>{$homenevoArr[desc].description}</p>
				<a href="{if $homenevoArr[desc].banner_link neq ''}{$homenevoArr[desc].banner_link}{else}news.php{/if}"><span class="more_news"></span></a>
            </div>
			{/section}      
	</div>
	
    <div class="window"> 
        <div class="windowtitle">Popular Coaches <span class="windowsubtitle">(daily updated)</span></div>
		<div class="windowcontent">
		<div class="coachresume" style="border-right: 1px solid #003366;">
			<div class="coachtitle">Most Lesson</div>
			<div class="coach_list">
				{section name=lCoach loop=$lessonsCoachesArr}
					{assign var="i" value=$smarty.section.lCoach.index+1}
						<a href="javascript:;" onclick="showCoachDetails('lessonscoachdetails_{$lessonsCoachesArr[lCoach].user_id}')"><span>#{$i} {$lessonsCoachesArr[lCoach].name}</span></a>
					
				{/section} 
			</div>
		</div>
		<div class="coachresume" style="border-right: 1px solid #003366;">
			<div class="coachtitle">Highest Ratings</div>
			<div class="coach_list">
				{section name=rCoach loop=$ratingCoachesArr}
					{assign var="i" value=$smarty.section.rCoach.index+1}
						<a href="javascript:;" onclick="showCoachDetails('ratingcoachdetails_{$ratingCoachesArr[rCoach].user_id}')"><span>#{$i} {$ratingCoachesArr[rCoach].name}</span></a>
					
				{/section} 
			</div>
		</div>
		<div class="coachresume" style="border-right: 1px solid #003366;">
			<div class="coachtitle">Featured Coaches</div>
			<div class="coach_list">
				{section name=fCoach loop=$featuredCoachesArr}
					{assign var="i" value=$smarty.section.fCoach.index+1}
						<a href="javascript:;" onclick="showCoachDetails('featuredcoachdetails_{$featuredCoachesArr[fCoach].user_id}')"><span>#{$i} {$featuredCoachesArr[fCoach].name}</span></a>
					
				{/section} 
			</div>
		</div>
		<div class="coachresume" style="width: 210px;">
			{section name=fCoach loop=$featuredCoachesArr}
			{assign var="i" value=$smarty.section.fCoach.index+1}
				<div class="coaches" id="featuredcoachdetails_{$featuredCoachesArr[fCoach].user_id}" style="{if $smarty.section.fCoach.index eq '0'} display: block; {/if}">
					<div style="padding: 5px">
						<a href="coachdetails.php?coach_id={$featuredCoachesArr[fCoach].user_id}" style="" class="coaches_photo"> 
							<img width="60px" height="60px" src="{if $featuredCoachesArr[fCoach].photo}uploaded/user_images/thumbs/mid_{$featuredCoachesArr[fCoach].photo}{else}images/featured_img.jpg{/if}" alt="" border="0"  />
						</a>
						<div style="" class="coaches_name">
							<a {if $smarty.session.user_id neq ''}href="coachdetails.php?coach_id={$featuredCoachesArr[fCoach].user_id}"{else}href="javascript:;" onClick="openLogin()"{/if}>{$featuredCoachesArr[fCoach].name}</a>
						</div>
						<div class="clear"></div>
						
						<div class="coaches_description" id="coaches_description_{$featuredCoachesArr[fCoach].user_id}">
							<div style="overflow: hidden;height: 90px;">
								{$featuredCoachesArr[fCoach].description}
							</div>
							<div class="btn">
								{if $smarty.session.user_id neq ''}<a href="coachdetails.php?coach_id={$featuredCoachesArr[fCoach].user_id}" target="_self">More</a>{/if}
							</div>
						</div>
					</div>
				</div>
          
		 {/section}  
		 
		 {section name=fCoach loop=$ratingCoachesArr}
			{assign var="i" value=$smarty.section.fCoach.index+1}
				<div class="coaches" id="ratingcoachdetails_{$ratingCoachesArr[fCoach].user_id}" style="">
					<div style="padding: 5px">
						<a href="coachdetails.php?coach_id={$ratingCoachesArr[fCoach].user_id}" style="" class="coaches_photo"> 
							<img width="60px" height="60px" src="{if $ratingCoachesArr[fCoach].photo}uploaded/user_images/thumbs/mid_{$ratingCoachesArr[fCoach].photo}{else}images/featured_img.jpg{/if}" alt="" border="0"  />
						</a>
						<div style="" class="coaches_name">
							<a {if $smarty.session.user_id neq ''}href="coachdetails.php?coach_id={$ratingCoachesArr[fCoach].user_id}"{else}href="javascript:;" onClick="openLogin()"{/if}>{$ratingCoachesArr[fCoach].name}</a>
						</div>
						<div class="clear"></div>
						
						<div class="coaches_description" id="coaches_description_{$ratingCoachesArr[fCoach].user_id}">
							<div style="overflow: hidden;height: 90px;">
								{$ratingCoachesArr[fCoach].description}
							</div>
							<div class="btn">
								{if $smarty.session.user_id neq ''}<a href="coachdetails.php?coach_id={$ratingCoachesArr[fCoach].user_id}" target="_self">More</a>{/if}
							</div>
						</div>
					</div>
				</div>
          
		 {/section} 
		 {section name=fCoach loop=$lessonsCoachesArr}
			{assign var="i" value=$smarty.section.fCoach.index+1}
				<div class="coaches" id="lessonscoachdetails_{$lessonsCoachesArr[fCoach].user_id}" style="">
					<div style="padding: 5px">
						<a href="coachdetails.php?coach_id={$lessonsCoachesArr[fCoach].user_id}" style="" class="coaches_photo"> 
							<img width="60px" height="60px" src="{if $lessonsCoachesArr[fCoach].photo}uploaded/user_images/thumbs/mid_{$lessonsCoachesArr[fCoach].photo}{else}images/featured_img.jpg{/if}" alt="" border="0"  />
						</a>
						<div style="" class="coaches_name">
							<a {if $smarty.session.user_id neq ''}href="coachdetails.php?coach_id={$lessonsCoachesArr[fCoach].user_id}"{else}href="javascript:;" onClick="openLogin()"{/if}>{$lessonsCoachesArr[fCoach].name}</a>
						</div>
						<div class="clear"></div>
						
						<div class="coaches_description" id="coaches_description_{$lessonsCoachesArr[fCoach].user_id}">
							<div style="overflow: hidden;height: 90px;">
								{$lessonsCoachesArr[fCoach].description}
							</div>
							<div class="btn">
								{if $smarty.session.user_id neq ''}<a href="coachdetails.php?coach_id={$lessonsCoachesArr[fCoach].user_id}" target="_self">More</a>{/if}
							</div>
						</div>
					</div>
				</div>
          
		 {/section} 
		
		</div>
		<div class="clear"></div>
		
			 <!-- {section name=fCoach loop=$featuredCoachesArr}
			 {assign var="i" value=$smarty.section.fCoach.index+1}
			
			<div><div class="coaches"><p><a href="coachdetails.php?coach_id={$featuredCoachesArr[fCoach].user_id}"> 
				<img src="{if $featuredCoachesArr[fCoach].photo}uploaded/user_images/thumbs/mid_{$featuredCoachesArr[fCoach].photo}{else}images/featured_img.jpg{/if}" alt="" border="0"  />
				</a><p><strong><a href="coachdetails.php?coach_id={$featuredCoachesArr[fCoach].user_id}">{$featuredCoachesArr[fCoach].name}</a></strong></p>
				 Nulla ut sem a augue euismod congue. Maecenas in faucibus odio. <br />
				 <br />
				Nulla ut sem a augue euismod codio. Vestibulum vitae tortor nisi. sollicitudin.<br />
				<br />
				Pellentesque lacus enim, aliquam quis aliquam nec, egestas.</P>
				<p class="btn"><a href="coachdetails.php?coach_id={$featuredCoachesArr[fCoach].user_id}" target="_self">More</a></p></div>
			</div>
			 {/section} -->
		</div>
		
    </div>   
	
	<!-- <div class="window"> 
		<div class="windowtitle">Featured Videos</div>
		<div class="windowcontent">
			{section name=videoRow loop=$latestvdoArr}
			{assign var='a' value=$smarty.section.videoRow.index+1}
			
			<div>
				<div class="video"><a href="videodetails.php?video_id={$latestvdoArr[videoRow].video_id}">
				   <img src="uploaded/video_images/thumbs/mid_{$latestvdoArr[videoRow].video_image}" alt="" border="0" /></a>
				<p><strong><a href="videodetails.php?video_id={$latestvdoArr[videoRow].video_id}">{$latestvdoArr[videoRow].video_title}</a></strong></p>

				<P>By {$latestvdoArr[videoRow].user}<br />
				{$latestvdoArr[videoRow].view_count} Views</p>
				</div>
			</div>
			{if $a%3 eq '0'}<div class="clear"></div>{/if}
		 {/section}	
		
		</div>
		
	</div>		-->	
						
	<div class="window"> 
		<div class="windowtitle">In the Forums</div>
		<div class="windowcontent"></div>
		
        
    </div>
		{literal}
			<script>
				/*$('.coaches_description').niceScroll();{if $smarty.section.fCoach.index eq '0'} display: block; {/if}
				function prepareCoachDescription(){
					jQuery.each($('.coaches_description'), function() {
						$(this).niceScroll();
					});
				}
				//prepareCoachDescription();*/
				function showCoachDetails(coach_id){

					if($("#"+coach_id).is(':visible')){
						return;
					}
					var i = 0;
					jQuery.each($('.coaches'), function() {
						if($(this).is(':visible')){
							$(this).fadeOut('fast', function(){$("#"+coach_id).fadeIn('fast');});
							return false;
						}
						i++;
						
				   });
				   if(i == $('.coaches').length)
						$("#"+coach_id).fadeIn('slow');
				   /*$('.coaches')
				   if(!shown){
							$("#"+coach_id).fadeIn('slow');
						}
						*/
				   
				   //$("#"+coach_id).fadeIn('slow');
	


					
				}
			</script>
		{/literal}
 </div>  
	 
 